<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <ul>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
  <script>
    // Array.from() // 1.将伪数组转为真数组
    /* const lis =  document.querySelectorAll('li')
    console.log([...lis]);
    console.log(Array.from(lis)); */
    // 2. 批量生成一些测试数据
    // const arr = [1,2,3]
    // console.log(new Array(3)); // new Array的方式创建数组 ()内写的是一个数字. 会生成对应长度的数组每一个数组元素都是empty
    // console.log(new Array(10)); // 生成一个数组长度为10的数组,每一个数组元素都是empty
    // Array.from(new Array(10), 处理函数(这个函数类似于map方法))
   const res = Array.from(new Array(11), (item, index)=>{
     return index - 5 + 2021
    })
    console.log(res);
   /*  const res = Array.from(new Array(11), (item, index)=>{
     return  {name: 'zs' + index}
    })
    console.log(res); */
  </script>
</body>
</html>